<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>努比亚手机-官方网站</title>
    <!-- <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1702157_58yb2h2nmtg.css">
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <div class="box">
        <header></header>
        <div class="banner main">
            <div class="swiper-container bannerheight">
                <div class="swiper-wrapper ">
                    <div class="swiper-slide">
                        <img src="/images/img1/ban1.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <div class="banner-text">
                            <h1>红魔5G</h1>
                            <p>12期免息|赠半年碎屏保</p>
                            <p>￥4599起</p>
                            <a href="" class="a1">立即购买</a>
                            <a href="" class="a2">了解更多></a>
                        </div>
                        <img src="/images/img1/01.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <div class="banner-text">
                            <h1>nubia Play</h1>
                            <p>144Hz超竞屏|5100mA大电池</p>
                            <p>￥2399起</p>
                            <a href="" class="a1">立即购买</a>
                            <a href="" class="a2">了解更多></a>
                        </div>
                        <img src="/images/img1/ban3.jpg" alt="">
                    </div>
                   
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
                
            </div>
            
        </div>
        <div class="content">
            <div class="con1 main">
                <a href=""><img src="/images/img1/02.jpg" alt=""></a>
                <div class="con1-text">
                    <h1>红魔5G</h1>
                    <p>144Hz超竞|高通骁龙865</p>
                    <p>￥3799起</p>
                    <a href="" class="a1">立即购买</a>
                    <a href="" class="a2">了解更多></a>
                </div>
            </div>
                 <ul class="con2 main" id="content2">
                </ul>
                <script type="text/html" id="category2">
                    {{each list item}}
                    <li>
                        <a href="/html/list.html?id={{item.id}}"> <img src="{{item.src}}" alt=""></a>
                        <div class="black">
                            <h2>{{item.title}}</h2>
                            <p>{{item.content}}</p>
                        </div>
                    </li>
                    {{/each}}      
            </script>
            <div class="con3">
                <ul class="main" id="content3">
                </ul>
                <script type="text/html" id="category3">
                    {{each list cate,inedex}}
                    <li>
                        <img src="{{cate.src}}" alt="">
                        <p>{{cate.title}}</p>
                        <h4>{{cate.content}}</h4>
                        <h5><a href="">{{cate.desc}}</a></h5>
                    </li>
                    {{/each}}
                </script>
            </div>
        </div>
        <footer></footer>
    </div>
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>

</html>